<template>
	<div class="chart_content">
        <div class="steal_li">
            <div class="branch_li" v-for="(item,index) in policeData" :key="index">
                <div class="steal_img">
                    <img :src="item.ico" >
                </div>
                <div class="steal_text">
                    <!-- {{item.attribute}}: <span>{{item.name}}</span> -->
                     <span>{{item.name}}</span> 
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
	data() {
		return {
			// 防盗报警
			policeData: [
                // {
				// ico: require('@/assets/img/open.png'),
				// attribute: '状态',
				// name: '撤防'
                // }, 
                {
                    ico: require('@/assets/img/zong.png'),
                    attribute: '总数',
                    name: '一键呼叫'
                }, 
                // {
				// ico: require('@/assets/img/police.png'),
				// attribute: '报警次数',
				// name: '13个'
			    // }
            ]
        }
    }
}    
</script>

<style lang="scss" scoped>
.chart_content {
	margin-top: 2.5%;
	height: 82%;
	width: 100%;
	/* background-color: #fff; */
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

/* 防盗报警*/
.chart_content .steal_li{
	display: flex;
	flex-wrap: wrap;
	
}
.chart_content .steal_li .branch_li{
	flex: 1;
	margin: 0.5% 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.chart_content .steal_li .branch_li .steal_img{
	width: 88px;
	height: 58px;
}
.chart_content .steal_li .branch_li .steal_img img{
	width: 100%;
	height: 100%;
}
.chart_content .steal_li .branch_li .steal_text{
	/* margin-left: 18px; */
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	color: #0ab6ff;
    margin-top: 2px;
}
.chart_content .steal_li .branch_li .steal_text span{
	margin-left: 1px;
	color: #cfb007;
}
</style>